<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>homepage</title>
	<link rel="stylesheet" href="css/homepage.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body style="overflow-x: hidden;">
	<!-- 爱心模式 -->
	<div id="heart">
		<ul>
			<li>
				<a href="">
					<img src="images/reflash1.png" alt="">
				</a>
			</li>
			<li id="sound_normal">
				<a href="">
					<img src="images/sound_normal.png" alt="">
				</a>
				<span>声音</span>
			</li>
			<li>
				<a href="">
					<img src="images/vol_normal.png" alt="">
				</a>
			</li>
			<li id="heart_point">
				<a>
					<img src="images/point3.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/color1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/enlarge1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/small1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/reflash2.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/cursor1.png" alt="">
				</a>
			</li>
			<li id="screen1">
				<a href="">
					<img src="images/screen1.png" alt="">
				</a>
				<span>显示屏</span>
			</li>
			<li>
				<a href="">
					<img src="images/help1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/left_img5.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/toOriginal.png" alt="">
				</a>
			</li>
			<li id="heart_exit">
				<a>
					<img src="images/exit1.png" alt="">
				</a>
			</li>
		</ul>
	</div>
	<!-- 头部 -->
	<header>
		<!-- 固定导航条 -->
		<div id="fixed_t">
			<ul>
				<li id="fixed_0">
					<img src="images/fixed0.png" alt="">
					<h4>最新发布</h4>
				</li>
				<li id="fixed_1">
					<img src="images/fixed1.png" alt="">
					<h4>联系客户</h4>
				</li>
				<li id="fixed_2">
					<img src="images/fixed2.png" alt="" id="fixed_img1">
					<h4>App下载</h4>
					<div id="fixeds">
						<dl>
							<dt>铁路12306</dt>
							<dd>
								<img src="images/downloads.png" alt="">
							</dd>
						</dl>
						<div class="footer-pub">
							官方APP下载，目前铁路未授权其他网站或APP开展类似服务内容，敬请广户注意。
						</div>
					</div>
				</li>
				<li id="fixed_3">
					<img src="images/fixed3.png" alt="">
					<h4>关闭</h4>
				</li>
			</ul>
		</div>

		<div id="wrapper">
			<!-- 头部内容 -->
			<div id="header-con">
				<a href="" id="logo2x">
					<img src="images/logo@2x.png" alt="">
				</a>
				<!-- 搜索框 -->
				<div id="search">
					<div id="search-con">
						<input type="text" placeholder="搜索车票、餐饮、常旅客、相关规章" id="searchText" name="searchs">
						<a href="" id="search—bon"></a>
					</div>
				</div>
				<!-- 右侧菜单 -->
				<ul id="topMenu">
					<li id="heart_schema">
						 <a>
						 	爱心模式
              			</a>
					</li>
					<li class="menu-line">|</li>
					<li id="Englishs">
						<a href="">
							<span >English</span>
						</a>
						<ul id="EnglishSlide">
							<li>
								<a href="">简体中文</a>
							</li>
							<li>
								<a href="">English</a>
							</li>
						</ul>
					</li>
					<li class="menu-line">|</li>
					<li id="myslide">
						<a href="">
							<span >我的12306</span>
						</a>
						<ul id="my12306">
							<li>
								<a href="refund.jsp">火车订票</a>
							</li>
							<li>
								<a href="">候补订单</a>
							</li>
							<li>
								<a href="">计次•定期票订单</a>
							</li>
							<li>
								<a href="">约号订单</a>
							</li>
							<li>
								<a href="">本人车票</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">我的餐饮•特产</a>
							</li>
							<li>
								<a href="">我的保险</a>
							</li>
							<li>
								<a href="">我的会员</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">查看个人信息</a>
							</li>
							<li>
								<a href="">账户安全</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">乘车人</a>
							</li>
							<li>
								<a href="">地址管理</a>
							</li>
							<li class="myline"></li>
							<li>
								<a href="">温馨服务查询</a>
							</li>
						</ul>
					</li>
					<li class="menu-line">|</li>
					<li>
						<a href="login.jsp" id="logig_nameShow">${loginUser.getUser_real_name()}</a>
						<a href="register.jsp">注册</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 导航 -->
		<div id="nav-box">
			<div id="wrapper1">
				<ul>
					<li>
						<a href="#">首页</a>
					</li>
					<li id="n_arrow_ticket">
						<a href="">车票
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="ticket">
							<nav id="ticket-con0">
								<h3>购买</h3>
								<div>
									<a href="one-way.jsp">
										<span>单程</span>
									</a>
									<a href="transit.jsp">
										<span>中转换乘</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con1">
								<h3></h3>
								<div>
									<a href="one-way.jsp">
										<span>往还</span>
									</a>
									<a href="">
										<span>计次·定期票</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con3">
								<h3>变更</h3>
								<div>
									<a href="">
										<span>退票</span>
									</a>
									<a href="">
										<span>变更到站</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>改签</span>
									</a>
									<a href="">
										<span></span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con5">
								<h3>更多</h3>
								<div>
									<a href="">
										<span>中铁银通卡</span>
									</a>
									<a href="">
										<span>市郊快速铁路</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>广九直通车</span>
									</a>
									<a href="">
										<span>国际列车</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_team">
						<a href="">团购服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="team">
							<nav>
								<a href="">
									<span>务工人员</span>
								</a>
								<a href="">
									<span>学生团体</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_vipServe">
						<a href="">会员服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="vipServe">
							<nav>
								<a href="memberService.jsp">
									<span>会员管理</span>
								</a>
								<a href="memberService.jsp">
									<span>积分账户</span>
								</a>
								<a href="memberService.jsp">
									<span>积分兑换</span>
								</a>
								<a href="memberService.jsp">
									<span>会员专享</span>
								</a>
								<a href="memberOld.jsp">
									<span>会员中心</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_station">
						<a href="">站车服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="station">
							<nav id="station-con1">
								<div>
									<a href="">
										<span>重点旅客预约</span>
									</a>
									<a href="">
										<span>遗失物品查找</span>
									</a>
								</div>
							</nav>
							<nav id="station-con2">
								<div>
									<a href="">
										<span>便民托运</span>
									</a>
									<a href="">
										<span>动车组介绍</span>
									</a>
								</div>
							</nav>
							<nav id="station-con3">
								<div>
									<a href="">
										<span> 共享汽车</span>
									</a>
									<a href="">
										<span>定制接送</span>
									</a>
								</div>
							</nav>
							<nav id="station-con4">
								<div>
									<a href="">
										<span> 车站引导</span>
									</a>
									<a href="">
										<span>站车风采</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_tour">
						<a href="">商旅服务
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="tour">
							<nav>
								<a href="">
									<span>餐饮·特产</span>
								</a>
								<a href="">
									<span>旅游</span>
								</a>
								<a href="">
									<span>保险</span>
								</a>
							</nav>
						</div>
					</li>
					<li id="n_arrow_trip">
						<a href="">出行指南
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="trip">
							<nav id="trip-con0">
								<h3>常见问题</h3>
								<div>
									<a href="">
										<span>车票</span>
									</a>
									<a href="">
										<span>改签、变更到站</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con1">
								<h3></h3>
								<div>
									<a href="">
										<span>购票</span>
									</a>
									<a href="">
										<span>退票</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con3">
								<h3>旅客须知</h3>
								<div>
									<a href="">
										<span>铁路电子客票</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="trip-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>身份验证</span>
									</a>
									<a href="">
										<span></span>
									</a>
								</div>
							</nav>
							<nav id="trip-con5">
								<h3>相关章程</h3>
								<div>
									<a href="">
										<span>铁路互联网售票暂行方法</span>
									</a>
									<a href="">
										<span>铁路进站乘车禁止和跟……</span>
									</a>
									<a href="">
										<span>更多</span>
									</a>
								</div>
							</nav>
							<nav id="ticket-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>铁路旅客运输规程</span>
									</a>
									<a href="">
										<span>广深港高速铁路跨境旅客……</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
					<li id="n_arrow_message">
						<a href="">信息查询
							<img src="images/n_arrow.gif" alt="" class="n_arrow">
						</a>
						<div class="navigation" id="message">
							<nav id="message-con0">
								<h3>常用查询</h3>
								<div>
									<a href="">
										<span>正晚点</span>
									</a>
									<a href="">
										<span>天气</span>
									</a>
								</div>
							</nav>
							<nav id="message-con1">
								<h3></h3>
								<div>
									<a href="">
										<span>时刻表</span>
									</a>
									<a href="">
										<span>交通查询</span>
									</a>
								</div>
							</nav>
							<nav id="message-con3">
								<h3></h3>
								<div>
									<a href="">
										<span>公布票价</span>
									</a>
									<a href="">
										<span>代售点</span>
									</a>
								</div>
							</nav>
							<nav id="message-con4">
								<h3></h3>
								<div>
									<a href="">
										<span>检票口</span>
									</a>
									<a href="">
										<span>客户电话</span>
									</a>
								</div>
							</nav>
							<nav id="message-con5">
								<h3></h3>
								<div>
									<a href="">
										<span>起售时间</span>
									</a>
									<a href="">
										<span>列车状态</span>
									</a>
								</div>
							</nav>
							<nav id="message-con6">
								<h3></h3>
								<div>
									<a href="">
										<span>最新发布</span>
									</a>
									<a href="">
										<span>信用信息</span>
									</a>
								</div>
							</nav>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</header>
	<div id="center">
		<!-- 轮播广告图 -->
		<div id="center-top">
			
			<div id="center_tab">
				<!-- 左菜单栏 -->
				<div id="search-side">
					<dl id="search-side-ticket">
						<dt></dt>
						<dd>车票</dd>
					</dl>

					<dl id="search-side-com-question">
						<dt></dt>
						<dd>常用查询</dd>
					</dl>

					<dl id="search-side-cook">
						<dt></dt>
						<dd>订餐</dd>
					</dl>
				</div>

				<!-- 右菜单栏 -->
				<div id="search_main">
					<!-- 车票 -->
					<div id="ticket_main">
						<!-- 导航栏 -->
						<ul>
							<li class="search-tab-hds" id="navigation_one_way">单程</li>
							<li class="search-tab-hds" id="navigation_commute">往返</li>
							<li class="search-tab-hds" id="navigation_transfer">中转换乘</li>
							<li class="search-tab-hds" id="navigation_quit_change_sign">退改签</li>
						</ul>

						<!-- 主体 -->
						<div id="ticket_main_menu_00">
							<!-- 单程 -->
							<div id="ticket_one_way" class="search_tab_item">
								<form action="" method="post">
									<div id="name_one_way">
										<span>出发地</span>
										<span>到达地</span>
										<span>出发日期</span>
									</div>
									<div id="input_one_way">
										<nav>
											<input type="text" placeholder="简拼/全拼/汉字" id="one_way_depart">
											<span></span>
										</nav>
										<nav>
											<input type="text" placeholder="简拼/全拼/汉字" id="one_way_get_to">
											<span></span>
										</nav>
										<nav>
											<input type="date" class="now_date">
										</nav>
										<div id="one_way_cut"></div>
										<div id="cuts_way">切换</div>
									</div>

									<div id="checkbox_one_way">
										<nav>
											学生
											<input type="checkbox">
										</nav>
										<nav>
											高铁/动车
											<input type="checkbox">
										</nav>
									</div>

									<div id="one_way_submit">
										<input type="submit" value="查询">
									</div>
								</form>
							</div>
							
							<!-- 往返 -->
							<div id="ticket_commute" class="search_tab_item">
								<form action="" method="post">
									<div id="name_commute">
										<span>出发地</span>
										<span>到达地</span>
										<span>出发日期</span>
										<span>返程日期</span>
									</div>
									<div id="input_commute">
										<nav>
											<input type="text" placeholder="简拼/全拼/汉字" id="commute_depart">
											<span></span>
										</nav>
										<nav>
											<input type="text" placeholder="简拼/全拼/汉字" id="commute_get_to">
											<span></span>
										</nav>
										<nav>
											<input type="date" class="now_date">
										</nav>
										<nav>
											<input type="date" class="now_date">
										</nav>
										<div id="commute_cut"></div>
										<div id="cuts_commute">切换</div>
									</div>

									<div id="checkbox_commute">
										<nav>
											学生
											<input type="checkbox">
										</nav>
										<nav>
											高铁/动车
											<input type="checkbox">
										</nav>
									</div>

									<div id="commute_submit">
										<input type="submit" value="查询">
									</div>
								</form>
							</div>

							<!-- 中转换乘-->
							<div id="ticket_transfer" class="search_tab_item">
								<form action="" method="post">
									<div id="name_transfer">
										<span>出发地</span>
										<span>到达地</span>
										<span>乘车日期</span>
									</div>
									<div id="input_transfer">
										<nav>
											<input type="text" placeholder="简拼/全拼/汉字" id="transfer_depart">
											<span></span>
										</nav>
										<nav>
											<input type="text" placeholder="简拼/全拼/汉字" id="transfer_get_to">
											<span></span>
										</nav>
										<nav>
											<input type="date" class="now_date">
										</nav>
										<div id="transfer_cut"></div>
										<div id="cuts_transfer">切换</div>
									</div>

									<div id="checkbox_transfer">
										<nav>
											学生
											<input type="checkbox">
										</nav>
									</div>

									<div id="transfer_submit">
										<input type="submit" value="查询">
									</div>
								</form>
							</div>

							<!-- 退改签 -->
							<div id="ticket_quit_change_sign" class="search_tab_item">
								<form action="" method="post">
									<div id="name_quit_change_sign">
										<span>查询类型</span>
										<span>开始日期</span>
										<span>结束日期</span>
										<span>关键字</span>
									</div>
									<div id="radio_quit_change_sign">
										<nav>
											<input type="radio" name="book_ride">
											订票日期
										</nav>
										<nav>
											<input type="radio" name="book_ride">
											乘车日期
										</nav>
									</div>
									<div id="input_quit_change_sign">
										<nav>
											<input type="date" class="now_date">
										</nav>
										<nav>
											<input type="date" class="now_date">
										</nav>
										<nav>
											<input type="text" placeholder="订单号/车次/乘客姓名">
										</nav>
									</div>
									<div id="quit_change_sign_submit">
										<input type="submit" value="查询">
									</div>
								</form>
							</div>
						</div><!-- 主体 -->
					</div><!-- 车票 -->

					<!-- 常用查询 -->
					<div id="refer_main">
						
						<!-- 导航栏 -->
						<ul>
							<li class="search-tab-hds" id="navigation_behind_schedule">正晚点</li>
							<li class="search-tab-hds" id="navigation_inspect_ticket">检票口</li>
							<li class="search-tab-hds" id="navigation_for_sale_time">起售时间</li>
							<li class="search-tab-hds" id="navigation_weather">天气查询</li>
						</ul>

						<!-- 主体 -->
						<div id="refer_main_menu_00">
							<!-- 正晚点 -->
							<div id="refer_behind_schedule" class="refer_tab_item">
								<form action="" method="post">
									<div id="name_behind_schedule">
										<span>查询类型</span>
										<span>车站</span>
										<span>车次</span>
									</div>
									<div id="radio_behind_schedule">
										<nav>
											<input type="radio" name="getTo_depart">
											到达站
										</nav>
										<nav>
											<input type="radio" name="getTo_depart">
											出发站
										</nav>
									</div>
									<div id="input_behind_schedule">
										<nav>
											<input type="text" placeholder="简拼/全拼/汉字">
										</nav>
										<nav>
											<input type="text" placeholder="请输入车次">
										</nav>
									</div>
									<div id="behind_schedule_submit">
										<input type="submit" value="查询">
									</div>
								</form>
							</div>

							<!-- 检票口 -->
							<div id="refer_inspect_ticket" class="refer_tab_item">
								<form action="" method="post">
									<div id="name_inspect_ticket">
										<span>乘车日期</span>
										<span>车次</span>
										<span>乘车站</span>
									</div>
									<div id="input_inspect_ticket">
										<nav>
											<input type="date" class="now_date">
										</nav>
										<nav>
											<input type="text" placeholder="请输入车次">
										</nav>
										<nav>
											<input type="text" readonly="readonly" placeholder="请选择车站">
										</nav>
									</div>
									<div id="inspect_ticket_submit">
										<input type="submit" value="查询">
									</div>
								</form>
							</div>

							<!-- 起售时间 -->
							<div id="refer_for_sale_time" class="refer_tab_item">
								<form action="" method="post">
									<div id="name_for_sale_time">
										<span>起售日期</span>
										<span>起售车站</span>
									</div>
									<div id="input_for_sale_time">
										<nav>
											<input type="date" class="now_date">
										</nav>
										<nav>
											<input type="text" placeholder="简拼/全拼/汉字">
										</nav>
									</div>
									<div id="for_sale_time_submit">
										<input type="submit" value="查询">
									</div>
								</form>
							</div>

							<!-- 天气查询 -->
							<div id="refer_weather" class="refer_tab_item">
								<form action="" method="post">
									<div id="name_weather">
										<span>目的地</span>
									</div>
									<div id="input_weather">
										<nav>
											<input type="text" placeholder="简拼/全拼/汉字">
										</nav>
									</div>
									<div id="weather_submit">
										<input type="submit" value="查询">
									</div>
								</form>
							</div>
						</div><!-- 主体 -->
					</div><!-- 常用查询 -->

					<!-- 订餐 -->
					<div id="book_meal_main">
						
						<!-- 导航栏 -->
						<ul>
							<li class="search-tab-hds" id="navigation_book_meal_book">预订</li>
							<li class="search-tab-hds" id="navigation_meal_ident">餐饮订单</li>
						</ul>

						<!-- 主体 -->
						<div id="book_meal_main_menu_00">

							<!-- 预订 -->
							<div id="book_meal_book" class="book_tab_item">
								<form action="" method="post">
									<div id="name_book_meal">
										<span>出发日期</span>
										<span>出发车次</span>
									</div>
									<div id="input_book_meal">
										<nav>
											<input type="date" class="now_date">
										</nav>
										<nav>
											<input type="text" placeholder="仅支持G、D字头的动车组列车">
										</nav>
									</div>
									<div id="book_meal_submit">
										<input type="submit" value="查询">
									</div>
								</form>
							</div>

						</div><!-- 主体 -->

					</div><!-- 订餐 -->

				</div><!-- 右 -->
			</div>



			<a href="#" class="ig">
				<img src="images/banner20201223.png"  >
			</a>
			<a href="#" class="ig">
				<img src="images/banner20200707.jpg" >
			</a>
			<a href="#" class="ig">
				<img src="images/banner0619.png">
			</a>
			<a href="#" class="ig">
				<img src="images/banner26.jpg" >
			</a>
			<a href="#" class="ig">
				<img src="images/banner10.jpg" >
			</a>
			<a href="#" class="ig">
				<img src="images/banner12.jpg" >
			</a>
			<ul id="con-tabs">
        		<li class="con-tab"></li>
        		<li class="con-tab"></li>
        		<li class="con-tab"></li>
        		<li class="con-tab"></li>
       			<li class="con-tab"></li>
       			<li class="con-tab"></li>
      		</ul>
		</div>

		<!-- 服务 -->
		<div id="center-service">
			<div id="center-service-top">
				<dl id="service-top1">
					<dt></dt>
					<dd>
						<a href="">重点旅客预约</a>
					</dd>
				</dl>

				<dl id="service-top2">
					<dt></dt>
					<dd>
						<a href="">遗失物品查找</a>
					</dd>
				</dl>

				<dl id="service-top3">
					<dt></dt>
					<dd>
						<a href="">共享汽车</a>
					</dd>
				</dl>

				<dl id="service-top4">
					<dt></dt>
					<dd>
						<a href="">便民托运</a>
					</dd>
				</dl>

				<dl id="service-top5">
					<dt></dt>
					<dd>
						<a href="">车站引导</a>
					</dd>
				</dl>

				<dl id="service-top6">
					<dt></dt>
					<dd>
						<a href="">站车风采</a>
					</dd>
				</dl>

				<dl id="service-top7">
					<dt></dt>
					<dd>
						<a href="">用户反馈</a>
					</dd>
				</dl>
			</div>

			<div id="service-con1">
				<nav id="service-left">
					<a href="">
						<img src="images/abanner01.jpg" alt="">
					</a>
					<a href="">
						<img src="images/abanner05.jpg" alt="">
					</a>
				</nav>
				<nav id="service-right">
					<a href="">
						<img src="images/abanner02.jpg" alt="">
					</a>
					<a href="">
						<img src="images/abanner06.png" alt="">
					</a>
				</nav>
			</div>

			<div id="service-con2">
				<p>
					<span>铁路旅游</span>
					<label>
						<a href="">更多></a>
					</label>
				</p>
				<div id="service-con2-trip">
					<nav>
						<dl>
							<dt>
								<a href="">
									<img src="images/product_W572_H370.jpg">
								</a>
							</dt>
							<dd>
								<a href="">"环西部火车游"高品质旅游专线列车</a>
							</dd>
							<dd>
								<a href="">￥2560</a>
							</dd>
						</dl>
	
						<dl>
							<dt>
								<a href="">
									<img src="images/product_W572_H372.jpg">
								</a>
							</dt>
							<dd>
								<a href="">"环西部火车游"陇上江南·行摄山>水陇南……</a>
							</dd>
							<dd>
								<a href="">￥930</a>
							</dd>
						</dl>
	
						<dl>
							<dt>
								<a href="">
									<img src="images/product_W572_H371.jpg">
								</a>
							</dt>
							<dd>
								<a href="">"环西部火车游"华夏寻根·人文始祖天水两…</a>
							</dd>
							<dd>
								<a href="">￥980</a>
							</dd>
						</dl>
	
						<dl>
							<dt>
								<a href="">
									<img src="images/product_W572_H373.jpg">
								</a>
							</dt>
							<dd>
								<a href="">"环西部火车游"精品旅游线路</a>
							</dd>
							<dd>
								<a href="">￥3380</a>
							</dd>
						</dl>
					</nav>

					<nav>
						<dl>
							<dt>
								<a href="">
									<img src="images/product_W572_H376.jpg">
								</a>
							</dt>
							<dd>
								<a href="">"环西部火车游"美丽甘南三日游</a>
							</dd>
							<dd>
								<a href="">￥880</a>
							</dd>
						</dl>
	
						<dl>
							<dt>
								<a href="">
									<img src="images/product_W572_H374.jpg">
								</a>
							</dt>
							<dd>
								<a href="">"环西部火车游"青海湖、茶卡2日>游</a>
							</dd>
							<dd>
								<a href="">￥880</a>
							</dd>
						</dl>
	
						<dl>
							<dt>
								<a href="">
									<img src="images/product_W572_H377.jpg">
								</a>
							</dt>
							<dd>
								<a href="">"环西部火车游"嘉敦五日游</a>
							</dd>
							<dd>
								<a href="">￥2260</a>
							</dd>
						</dl>
	
						<dl>
							<dt>
								<a href="">
									<img src="images/product_W572_H375.jpg">
								</a>
							</dt>
							<dd>
								<a href="">"环西部火车游"敦煌一三日游</a>
							</dd>
							<dd>
								<a href="">￥1380</a>
							</dd>
						</dl>
					</nav>
				</div>
			</div>

			<div id="service-down">
				<!-- 导航头 -->
				<div id="down-head">
					<ul>
						<li class="down-head-li" id="news-li">
							最新发布
						</li class="down-head-li">
						<li class="down-head-li" id="com-issue-li">
							常见问题
						</li>
						<li class="down-head-li" id="betray-pub-li">
							信用信息
						</li>
					</ul>
				</div>
				<!-- 显示框 -->
				<div id="show_down">
					<div id="show_left">
						<!-- 最新发布 -->
						<ul class="news" class="down-head-frame">
							<li>
								<a href="">公告</a>
								<span>2022-04-06</span>
							</li>
							<li>
								<a href="">候补票操作说明</a>
								<span>2022-02-07</span>
							</li>
							<li>
								<a href="">关于调整互联网、电话订票起售时间的公告</a>
								<span>2022-04-21</span>
							</li>
							<li>
								<a href="">中国铁路上海局集团有限公司关于2022年5月21日-2022年5月……
								</a>
								<span>2022-05-17</span>
							</li>
							<li>
								<a href="">中国铁路青藏集团有限公司关于加开临时旅客列车的公告
								</a>
								<span>2022-05-17</span>
							</li>
						</ul>

						<!-- 常见问题 -->
						<ul class="com_issue"  class="down-head-frame">
							<li>
								<a href="">实名制车票</a>
							</li>
							<li>
								<a href="">互联网购票</a>
							</li>
							<li>
								<a href="">互联网退票</a>
							</li>
							<li>
								<a href="">进出站</a>
							</li>
							<li>
								<a href="">使用居民身份证直接检票乘车</a>
							</li>
						</ul>

						<!-- 信用信息 -->
						<ul class="betray_pub" id="betray_publ" class="down-head-frame">
							<li>失信被执行人(自然人)公示</li>
							<li>
								<img src="images/empty.png" alt="">
								<span>暂无公示数据</span>
							</li>
							<li>
								<a href="creditInformation.jsp">更多></a>
							</li>
						</ul>

					</div>
					<div id="show_right">
						<!-- 最新发布 -->
						<ul class="news" class="down-head-frame">
							<li>
								<a href="">公告</a>
								<span>2022-02-25</span>
							</li>
							<li>
								<a href="">公告</a>
								<span>2022-01-04</span>
							</li>
							<li>
								<a href="">中国铁路上海局集团有限公司关于2022年5月21日-2022年6月……
								</a>
								<span>2022-05-17</span>
							</li>
							<li>
								<a href="">中国铁路上海局集团有限公司关于2022年5月21日-2022年6月……、
								</a>
								<span>2022-05-17</span>
							</li>
							<li>
								<a href="">中国铁路成都局集团有限公司关于2022年5月17日至6月19日……
								</a>
								<span>2022-05-17</span>
							</li>
						</ul>

						<!-- 常见问题 -->
						<ul class="com_issue" class="down-head-frame">
							<li>
								<a href="">售票窗口购票</a>
							</li>
							<li>
								<a href="">互联网改签、变更到站</a>
							</li>
							<li>
								<a href="">随身携带品</a>
							</li>
							<li>
								<a href="">丢失购票时使用的有效身份证件</a>
							</li>
							<li>
								<a href="">广深港跨境列车</a>
							</li>
						</ul>

						<!-- 信用信息 -->
						<ul class="betray_pub" id="betray_pubr" class="down-head-frame">
							<li>
								失信已执行人(自然人)公布
							</li>
							<li>
								<label>许思雅</label>
								<span>341281********0823</span>
							</li>
							<li>
								
								<label>闫宏超</label>
								<span>211422********5411</span>
							</li>
							<li>
								<label>高志杰</label>
								<span>410928********2410</span>
							</li>
							<li>
								<label>韩书林</label>
								<span>372401********7313</span>
							</li>
						</ul>
					</div>
					<nav id="show_bottom">
						<a href="creditInformation.jsp">更多></a>
					</nav>
				</div>
			</div>

			<!-- 底部 -->
			<footer id="footer-con">
				<div id="footer-link">
					<span>友情链接</span>
					<nav>
						<a href="">
							<img src="images/link05.png" alt="">
						</a>
						<a href="">
							<img src="images/link03.png" alt="">
						</a>
					</nav>
					<nav>
						<a href="">
							<img src="images/link02.png" alt="">
						</a>
						<a href="">
							<img src="images/link04.png" alt="">
						</a>
					</nav>
				</div>

				<div id="footer-left">
					<dl>
						<dt>中国铁路官方微信</dt>
						<dd>
							<img src="images/zgtlwx.png" alt="">
						</dd>
					</dl>

					<dl>
						<dt>中国铁路官方微博</dt>
						<dd>
							<img src="images/zgtlwb.png" alt="">
						</dd>
					</dl>

					<dl>
						<dt>12306公众号</dt>
						<dd>
							<img src="images/public.png" alt="">
						</dd>
					</dl>

					<dl>
						<dt>铁路12306</dt>
						<dd>
							<img src="images/downloads.png" alt="">
						</dd>
					</dl>
					<div id="footer-pub">
						官方APP下载，目前铁路未授权其他网站或APP开展类似服务内容，敬请广大用户注意。
					</div>
				</div>
			</footer>

		</div>
	</div>

	<!-- 最底部 -->
	<div id="footer-bottom">
		<div id="bot_con">
			<p>版权所有©2008-2022 中国铁道科学研究院集团有限公司</p>
			<dl>
				<dt>
					<a href="">
						<img src="images/gongan.png" alt="">
					</a>
				</dt>
				<dd>
					<a href="">京公网安备</a>
					<a href=""> 11010802038392号</a>
					| 京ICP备05020493号-4 | ICP证：京B2-20202537
				</dd>
			</dl>
			<div id="down-img">
				<img src="images/footer-slh.jpg" alt="">
			</div>
		</div>	
	</div>
</body>

<script src="js/homepage.js"></script>
</html>